@media (max-width: 1920px) {
    .imgtitle1 {
        height: 428px !important;
    }
    .imgtitle2 {
        height: 220px !important;
    }
    .imgtitle2:nth-child(n + 4) {
        border-bottom: none;
    }

    .imgtitle2:nth-of-type(3n) {
        border-right: none;
    }
}
@media (max-width: 1920px) {
    .imgtitle1 {
        height: 428px !important;
    }
    .imgtitle2 {
        height: 220px !important;
    }
    .imgtitle2:nth-child(n + 4) {
        border-bottom: none;
    }

    .imgtitle2:nth-of-type(3n) {
        border-right: none;
    }
}

@media (max-width: 1440px) {
    h1 {
        font-size: 24px !important;
    }
    h2 {
        font-size: 18px !important;
    }
    .price {
        font-size: 14px !important;
    }
    .btn {
        width: 80% !important;
    }
    .btn1 {
        width: 70% !important;
    }
    .imgbox1 {
        .left-box {
            width: 40% !important;
        }
        .right-box {
            width: 60% !important;
        }
    }
    .imgtitle1 {
        height: 322px !important;
    }
    .imgtitle2 {
        height: 164px !important;
    }
}

@media (max-width: 1366px) {
    .imgcontent {
        h1 {
            font-size: 20px !important;
        }
        h2 {
            font-size: 14px !important;
        }
        .price {
            font-size: 12px !important;
        }
        .btn {
            width: 80% !important;
        }

        .btn1 {
            width: 80% !important;
        }
        .imgtitle1 {
            height: 29px !important;
        }
        .imgtitle2 {
            height: 152px !important;
        }
    }
}

@media (max-width: 1280px) {
    .imgcontent {
        h1 {
            font-size: 20px ;
        }
        h2 {
            font-size: 14px ;
        }
        .price {
            font-size: 12px ;
        }
        .btn {
            font-size: 10px ;
            width: 60% !important;
        }

        .btn1 {
            font-size: 10px ;
            width: 60% !important;
        }
        .imgtitle1 {
            height: 280px !important;
        }
        .imgtitle2 {
            height: 142px !important;
        }
    }
}

@media (max-width: 1024px) {
    .imgcontent {
        h1 {
            font-size: 24px;
        }
        h2 {
            font-size: 20px;
        }
        .imgtitle1 {
            height: 412px !important;
            margin-bottom: 5px;
            border-right: none !important;
            border-bottom: 1px solid rgb(206, 205, 205);
        }
        .price {
            font-size: 14px !important;
        }
        .btn {
            font-size: 10px !important;
            width: 60% !important;
        }

        .btn1 {
            font-size: 10px !important;
            width: 60% !important;
        }
        .imgtitle2 {
            width: 50% !important;
            height: 188px !important;
            border-bottom: 1px solid rgb(206, 205, 205);
            border-right: 1px solid rgb(206, 205, 205);
        }
        .imgtitle2:nth-child(n + 5) {
            border-bottom: none;
        }

        .imgtitle2:nth-of-type(2n) {
            border-right: none;
        }
        .imgbox2 {
            .left-box {
                width: 60% !important;
            }
        }
    }
}

@media (max-width: 768px) {
    .imgcontent {
        h1 {
            font-size: 22px !important;
        }
        h2 {
            font-size: 18px !important;
        }
        .price {
            font-size: 12px !important;
        }
        .btn {
            font-size: 10px !important;
            width: 60% !important;
        }

        .btn1 {
            font-size: 10px !important;
            width: 60% !important;
        }
        .imgtitle1 {
            height: 366px !important;
        }
        .imgtitle2 {
            height: 166px !important;
        }
    }
}

@media (max-width: 480px) {
    .imgcontent {
        h1 {
            font-size: 14px !important;
        }
        h2 {
            font-size: 10px !important;
        }
        .price {
            font-size: 8px !important;
        }
        .btn {
            font-size: 8px !important;
            width: 60% !important;
        }

        .btn1 {
            font-size: 8px !important;
            width: 70% !important;
        }
        .imgtitle1 {
            height: 184px !important;
        }
        .imgtitle2 {
            height: 84px !important;
        }
    }
}

@media (max-width: 320px) {
    .imgcontent {
        h1 {
            font-size: 10px !important;
        }
        h2 {
            font-size: 8px !important;
        }
        .price {
            font-size: 6px !important;
        }
        .btn {
            font-size: 6px !important;
            width: 100% !important;
        }

        .btn1 {
            font-size: 6px !important;
            width: 70% !important;
        }
        .imgtitle1 {
            height: 86px !important;
        }
        .imgtitle2 {
            width: 100% !important;
            height: 70px !important;
            border-bottom: 1px solid rgb(206, 205, 205) !important;
            border-right: none !important;
        }
        .imgtitle2:nth-child(n + 6) {
            border-bottom: none !important;
        }

       

    }
}

.header-box {
    width: 100%;
    padding: 8px;
    background-color: #cc1d41;
}

.imgcontent {
    padding: 8px;
    background-color: #fff;
}

.imgtitle1 {
    border-right: 1px solid rgb(206, 205, 205);
}
.price {
    font-size: 20px;
    color: #cc325b;
}

.btn {
    width: 85%;
    background-color: #db3664;
    color: #fff;
    border: none;
    border-radius: 0px 30px 30px 0;
    cursor: pointer;
}

.btn1 {
    width: 65%;
    background-color: #db3664;
    color: #fff;
    border: none;
    border-radius: 0px 30px 30px 0;
    cursor: pointer;
}

.btn:hover {
    color: rgb(206, 205, 205);
}

.imgbox1 {
    .left-box {
        display: inline-block;
        width: 30%;
        vertical-align: top;
    }
    .right-box {
        display: inline-block;
        width: 70%;
        img {
            display: inline-block;
            width: 100%;
        }
    }
}

.imgtitle2 {
    display: inline-block;
    margin-top: -5px;
    padding-top: 5px;
    height: 260px;
    width: 33.3%;
    border-right: 1px solid rgb(206, 205, 205);
    border-bottom: 1px solid rgb(206, 205, 205);
}

.imgbox2 {
    position: relative;
    .left-box {
        position: absolute;
        top: 0;
        left: 10px;
        display: inline-block;
        width: 60%;
        vertical-align: top;
    }
    .right-box {
        position: absolute;
        top: 0;
        right: 0px;
        width: 60%;
        img {
            width: 100%;
        }
    }
}
.imgtitle2:hover {
    img {
        translate: -5px 0px;
        transition-duration: 1000ms;
    }
}
